<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>省官网</title>
    <link rel="stylesheet" href="./css/index.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1724344_irymxnt289.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <a href="./search.html"><i class="iconfont icon-sousuo"></i></a>
        <div class="logo-box">
            <img src="./images/index/logo.png">
        </div>
        <i class="iconfont icon-toggle"></i>
    </header>
    <!-- 主体 -->
    <section>
        <div class="banner">
            <div class="imgWrap">
             <img src="./images/index/banner.jpg">   
            </div>
            <div class="info clearFix">
                <p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
                <div class="bt">
                    <div class="icon">
                        <i class="iconfont icon-shoucang"></i><span>120</span>
                        <i class="iconfont icon-liulan2"></i><span>560</span>
                    </div>
                    <span class="fr">12月26日 07:33:43</span>
                </div>
            </div>
            <div class="pointer">
                <a class="active" href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>    
            <!-- 热门新闻 -->
        <div class="hot-new">
                <ul>
                    <li>
                        <div class="hot-new-l">
                            <p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
                            <div>
                                <span><i class="iconfont icon-shoucang"></i>120</span>
                                <span>2小时前[案例观点]</span>
                            </div>
                        </div>
                        <div class="hot-new-r imgWrap">
                            <img src="./images/index/new-1.jpg">
                        </div>
                    </li> 
                    <div class="line"></div>
                    <li>
                        <div class="hot-new-l">
                            <p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
                            <div>
                                <span><i class="iconfont icon-shoucang"></i>120</span>
                                <span>2小时前[案例观点]</span>
                            </div>
                        </div>
                        <div class="hot-new-r imgWrap">
                            <img src="./images/index/new-2.jpg">
                        </div>
                    </li>
                </ul>
        </div> 
        <div class="divi"></div>
        <div class="new">
            <ul>
                <li>
                    <p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
                    <div class="pic">
                        <div class="ad imgWrap"><img src="./images/index/new-3.jpg"></div>
                        <div class="ad imgWrap"><img src="./images/index/new-4.jpg"></div>
                        <div class="ad imgWrap"><img src="./images/index/new-5.jpg"></div>
                    </div>
                    <div class="comment">
                        <div class="comment-l">
                            <div class="tx imgWrap">
                                <img src="./images/index/tx.jpg">
                            </div>
                            <p>陈正光</p>
                            <span><i class="iconfont icon-pinglun"></i>6868</span>
                            <span><i class="iconfont icon-shoucang"></i>4808</span>
                        </div>
                        <div class="comment-r">
                            <p>两天前[案例观点]</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="hot-new">
            <ul>
                <li>
                    <div class="hot-new-l">
                        <p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
                        <div>
                            <span><i class="iconfont icon-shoucang"></i>120</span>
                            <span>2小时前[案例观点]</span>
                        </div>
                    </div>
                    <div class="hot-new-r imgWrap">
                        <img src="./images/index/new-6.jpg">
                    </div>
                </li> 
                <div class="line"></div>
                <li>
                    <div class="hot-new-l">
                        <p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
                        <div>
                            <span><i class="iconfont icon-shoucang"></i>120</span>
                            <span>2小时前[案例观点]</span>
                        </div>
                    </div>
                    <div class="hot-new-r imgWrap">
                        <img src="./images/index/new-7.jpg">
                    </div>
                </li>
            </ul>
        </div>
        <div class="new">
            <ul>
                <li>
                    <p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
                    <div class="pic">
                        <div class="ad imgWrap"><img src="./images/index/new-8.jpg"></div>
                        <div class="ad imgWrap"><img src="./images/index/new-9.jpg"></div>
                        <div class="ad imgWrap"><img src="./images/index/new-10.jpg"></div>
                    </div>
                    <div class="comment">
                        <div class="comment-l">
                            <div class="tx imgWrap">
                                <img src="./images/index/tx.jpg">
                            </div>
                            <p>陈正光</p>
                            <span><i class="iconfont icon-pinglun"></i>6868</span>
                            <span><i class="iconfont icon-shoucang"></i>4808</span>
                        </div>
                        <div class="comment-r">
                            <p>两天前[案例观点]</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="hot-new">
            <ul>
                <li>
                    <div class="hot-new-l">
                        <p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
                        <div>
                            <span><i class="iconfont icon-shoucang"></i>120</span>
                            <span>2小时前[案例观点]</span>
                        </div>
                    </div>
                    <div class="hot-new-r imgWrap">
                        <img src="./images/index/new-11.jpg">
                    </div>
                </li> 
                <div class="line"></div>
                <li>
                    <div class="hot-new-l">
                        <p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
                        <div>
                            <span><i class="iconfont icon-shoucang"></i>120</span>
                            <span>2小时前[案例观点]</span>
                        </div>
                    </div>
                    <div class="hot-new-r imgWrap">
                        <img src="./images/index/new-12.jpg">
                    </div>
                </li>
                <div class="line-1"></div>
                <div class="more"><a href="#">加载更多</a></div>
            </ul>
        </div>
    </section>
    <!-- 尾部 -->
    <footer>
        <ul>
            <li>
                <a href="#">
                    <div class="nav">
                        <div class="nav-1 imgWrap"><img src="./images/index/sy.png"></div>
                        <div class="nav-2 imgWrap"><img src="./images/index/sy-1.png"></div>
                    </div>
                    <div>首页</div>
                </a>
            </li>
            <li class="ver"></li>
            <li>
                <a href="./search.html">
                    <div class="nav">
                        <div class="nav-1 imgWrap"><img src="./images/index/gimc.png"></div>
                        <div class="nav-2 imgWrap"><img src="./images/index/gimc-1.png"></div>
                    </div>
                </div>
                <div>GIMC</div></a>
            </li>
            <li class="ver"></li>
            <li>
                <a href="./registered.html"><div class="nav imgWrap">
                <img src="./images/index/wz.png"></div>
                <div class="active">文章</div></a>
            </li>
            <li class="ver"></li>
            <li>
                <a href="./login.html">
                    <div class="nav">
                        <div class="nav-1 imgWrap"><img src="./images/index/zy.png"></div>
                        <div class="nav-2 imgWrap"><img src="./images/index/zy-1.png"></div>
                    </div>
                <div>资源</div></a>
            </li>
            <li class="ver"></li>
            <li>
                <a href="#">
                    <div class="nav">
                    <div class="nav-1 imgWrap"><img src="./images/index/xy.png"></div>
                    <div class="nav-2 imgWrap"><img src="./images/index/xy-1.png"></div>
                </div>
                <div>学院</div></a>
            </li>
        </ul>
    </footer>
    <script src="./js/rem.js"></script>
</body>
</html>